<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="page" uri="/WEB-INF/page"%>
<%@page isELIgnored="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title></title>
    <link href="${pageContext.request.contextPath}/static/assets/css/bootstrap.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/static/assets/css/font-awesome.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/static/assets/css/custom-styles.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/static/assets/js/dataTables/dataTables.bootstrap.css" rel="stylesheet" />
</head>
<body>
<div id="wrapper">
    <div id="page-wrapper" >
        <div id="page-inner">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="page-header">
                        用户推荐管理
                    </h1>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-default">
                        <form action="recommand" method="post" id="queryForm">
                            <div>
                                <p>
                                    <span>用户编号：</span><span><input type="text" name="userCode" value="${dto.userCode }"/></span>
                                    <span>昵称：</span><span><input type="text" name="nickname" value="${dto.nickname }"/></span>
                                    <span>性别：
                  					<select  name="sex">
                   					    <option value = ""> 不限</option>
                   						<option value = "男" <c:out value="${dto.sex == '男' ? 'selected' : ''} "></c:out>>男</option>
                   						<option value = "女" <c:out value="${dto.sex == '女' ? 'selected' : ''} "></c:out>>女</option>            
                    				</select>
                    				</span>
                                    <input type="button" value="查询" onclick="setPageNo(1)">
                                    <input type="reset" value="重置">
                                </p>
                            </div>
                            <div class="panel-body">
                                <div class="table-responsive">
                                    <table class="table table-striped table-bordered table-hover" id="dataTables-example">
                                        <thead>
                                        <tr>
                                            <th>用户编号</th>
                                            <th>昵称</th>
                                            <th>手机</th>
                                            <th>车辆</th>
                                            <th>头像</th>
                                            <th>推荐值</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <c:forEach items="${page.results}" var="user">
                                            <tr class="odd gradeX">
                                                <td><a href="${pageContext.request.contextPath}/appuser/${user.userCode}">${user.userCode}</a></td>
                                                <td>${user.nickname }</td>
                                                <td>${user.mobile}</td>
                                                <td>${user.brand}${user.model}</td>
                                                <td>
                                                    <img src="${user.displayPic}" style="height: 50px; width: 50px;"/>
                                                </td>

                                                <td>
                                                    <input class="recommandValue" type="text" userCode="${user.userCode}" placeholder="直播房间" value=${user.recommendValue}>
                                                </td>
                                            </tr>
                                        </c:forEach>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <p align="right"><page:page page="${page }"/></p>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${pageContext.request.contextPath}/static/assets/js/jquery-1.10.2.js"></script>
<script src="${pageContext.request.contextPath}/static/assets/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/static/assets/js/jquery.metisMenu.js"></script>
<script src="${pageContext.request.contextPath}/static/assets/js/dataTables/jquery.dataTables.js"></script>
<script src="${pageContext.request.contextPath}/static/assets/js/dataTables/dataTables.bootstrap.js"></script>
<%--<script src="${pageContext.request.contextPath}/static/assets/js/custom-scripts.js"></script>--%>
<script src="${pageContext.request.contextPath}/static/js/page.js"></script>
<script>
    $(document).ready(function () {
        /*$('#dataTables-example').dataTable();*/

        $(".recommandValue").each(function(){
            /*console.log($(this).attr("userCode"));*/
            $(this).change(changeRecommand);
        });

        function changeRecommand() {
            console.log("change");
            $.ajax({
                type:"post",
                url:"${pageContext.request.contextPath}/appuser/updateRecommend?value="+$(this).val()+"&userCode="+$(this).attr("userCode"),
                success:function(data) {
                    console.log("success ret");
                    location.reload(true);
                }
            });

        }

    });

</script>
</body>
</html>
